.page-header{
  background: @base-bg-color;
  background-repeat: no-repeat;
  background-size: cover !important;
  background-position: center;
  // padding: 16px 20px 0 20px;
  min-height: 175px;
  padding: 20px 20px 35px;
  &.head.fixed{
    margin: auto;
    max-width: 1400px;
  }
  .page-header-wide{
    .breadcrumb{
      margin-bottom: 20px;
      .ant-breadcrumb{
        font-size: 13px;
        color: #87909d;
        /deep/ .ant-breadcrumb-separator{
          color: #87909d !important;
        }
      }
      .ant-breadcrumb>span:last-child{
        color: #87909d;
      }
      
    }

    .detail{
      display: flex;
      .row {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
      }
      .avatar {
        margin:0 24px 0 0;
      }
      .main{
        width: 100%;
        .title{
          font-size: 22px;
          font-weight: bold;
          color: @white;
          margin-bottom: 16px;
        }
        .content{
          display: flex;
          flex-wrap: wrap;
          color: @text-color-second;
        }
        .extra{
          display: flex;
        }
      }
    }
  }
}
